<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>网赢集团</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/default.css"/>
		<link rel="stylesheet" type="text/css" href="css/order.css"/>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<a href="mine.html" class="mui-icon mui-icon-arrowleft mui-pull-left"></a>
			<h1 class="mui-title">我的订单</h1>
		</header>
		<div class="mui-content" id="wodedingdan">
			<nav class="mui-bar mui-bar-tab" id="tab">
				<a class="mui-tab-item mui-active" data-id="quanbu">
					<span class="mui-tab-label">全部订单</span>
				</a>
				<a class="mui-tab-item" data-id="daifukuan">
					<span class="mui-tab-label">待付款</span>
				</a>
				<a class="mui-tab-item" data-id="daifahuo">
					<span class="mui-tab-label">待发货</span>
				</a>
				<a class="mui-tab-item" data-id="daishouhuo">
					<span class="mui-tab-label">待收货</span>
				</a>
				<a class="mui-tab-item" data-id="daipingjia">
					<span class="mui-tab-label">待评价</span>
				</a>
			</nav>
			<!--全部订单-->
			<div class="courses" id="quanbu">
				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统1<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>

				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统1<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>

				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统1<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>
				
			</div>
			<!--待付款-->
			<div class="courses mui-hidden" id="daifukuan">
				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统2<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>
				
			</div>
			<!--待发货-->
			<div class="courses mui-hidden" id="daifahuo">
				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统3<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>
				
			</div>
			<!--待收货-->
			<div class="courses mui-hidden" id="daishouhuo">
				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统4<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>
				
			</div>
			<!--待评价-->
			<div class="courses mui-hidden" id="daipingjia">
				<div class="course_item flex-box">
					<div class="item1">
						<img src="img/itemeg.jpg"/>
					</div>
					<div class="item2">
						<div class="title">成人自考教育系统5<span class="delete mui-pull-right"></span></div>
						<div class="present">软件经历7年实战考研功能完善，流程合理适用，是培训行业的CRM+ERP+家校互通的综合性系统。</div>
				
						<div class="price-label">
							<span class="true-price">￥9999</span>
							<span class="price">￥11998</span>
							<span class="order-btn">取消</span>
							<span class="order-btn">支付</span>
						</div>
					</div>
				</div>
				
			</div>
			
		</div>
		
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			$('#tab').on('tap', 'a', function() {
				if(!$(this).hasClass('mui-active')) {
					$(this).addClass('mui-active').siblings('a').removeClass('mui-active');
					$('#' + $(this).attr('data-id')).removeClass('mui-hidden').siblings('div').addClass('mui-hidden');
				}
			});
		</script>
	</body>

</html>